/*
    1. loader (1)下载 （2）使用/配置
    2.  plugins (1)下载 （2）引入 （3）使用/配置
*/


const { resolve } = require("path")
const HTMLWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    entry: "./index.js",
    output: {
        filename: "bundle.js",
        path: resolve(__dirname, "build")
    },
    module: {
        rules: [
            // loader的配置
        ]
    },
    plugins:[
        // plugins的配置
        //html-webpack-plugin
        //默认会创建一个空的HTML文件，引入打包输出的所有资源（js css）
        // new HTMLWebpackPlugin()
        // 以某一个html为模板创建新的html文件
        new HTMLWebpackPlugin({
            template: "./index.html"
        })
    ],
    mode: "development"
}